import React from 'react'
// ===================================================================== Temp
import './index.css'
// ===================================================================== Modal
import PModal		from './modal/p-modal'
import TestModal	from './modal/test-modal'
import GroupModal	from './modal/group-modal'
import RuleModal	from './modal/rule-modal'
import Page			from './page'
import Header		from './header'
// ===================================================================== global declare
const { $Lazy } = window
// ===================================================================== Lazy
const Side				= $Lazy.hook(()=>import('./side'))
// ===================================================================== component
class Index extends React.Component{
	state = {

	}
	
	model = {}
	
	pRow = {}
	cRow = {}
	type = 0
	
	render(){
		return (
			<div className='quality h fv mlr10 abs_full'>
				<Header ref={ref => this.headerRef = ref} thisRef={this} />
				<div className='fx ex mb10 oh'>
					<Side ref={ref => this.sideRef = ref} thisRef={this} />
					<Page ref={ref => this.pageRef = ref} thisRef={this} />
				</div>
				<PModal ref={ref => this.pModalRef = ref} />
				<TestModal ref={ref => this.testModalRef = ref} />
				<GroupModal ref={ref => this.groupModalRef = ref} />
				<RuleModal ref={ref => this.ruleModalRef = ref} />
			</div>
		)
	}
}

export default Index